<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/swiper-bundle.css" />
    <link rel="stylesheet" href="css/layui.css" media="all" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/list.css" />
    <title>胜利石油工程公司党委党校培训中心</title>
  </head>
  <body>
    <div class="top">
      <div class="logo">
        <a href="index.html"><img src="./image/logo_1.png" alt="" /></a>
      </div>
    </div>
    <div class="bd">
      <div class="menu_panel">
        <ul class="menu_list">
          <li><a href="index.html">首页</a></li>
          <li><a href="javascript:void(0)">单位概况</a></li>
          <li><a href="javascript:void(0)">工程公司首页</a></li>
          <li><a href="javascript:void(0)">油田主页</a></li>
        </ul>
        <div class="menu_right"><a href="javascript:void(0)">统一门户</a></div>
      </div>
      <div class="list">
        <div class="crumb_panel">
          <div class="crumb">
            <a href="index.html" class="on">首页</a>
            <u></u>
            <a href="javascript:void(0)">公司新闻</a>
          </div>
          <div class="retrun">返回</div>
        </div>
        <div class="search">
          <form action="" id="form1" class="form_search">
            <dl>
              <dt>标题:</dt>
              <dd><input type="text" placeholder="请输入" /></dd>
            </dl>
            <dl class="submit">
              <input type="submit" value="提交" />
            </dl>
          </form>
        </div>
        <div class="list_table">
          <table id="table" lay-filter="test"></table>
        </div>
        <div id="page"></div>
      </div>
      <div class="foot">
        <div class="foot_panel">
          <span>中石化胜利石油工程有限公司培训中心</span>
          <span>copyright (c) 2025</span>
        </div>
      </div>
    </div>
  </body>
  <script src="js/jquery.js"></script>
  <script src="js/swiper-bundle.js"></script>
  <script src="js/marquee.js"></script>
  <script src="js/layui.js"></script>
  <script src="js/fun.js"></script>
  <script>
    layui.use("table", function () {
      var table = layui.table;

      //第一个实例
      table.render({
        elem: "#table",
        height: 380,
        // url: "...", // 数据接口
        page: false, //开启分页
        data: [
          {
            id: 1,
            title: "胜利石油工程公司上好安全生产'开工第一课'",
            company: "党群工作部",
            datetime: "2025-02-07",
          },
          {
            id: 2,
            title: "赵东到胜利油田和胜利石油工程公司基层一线慰问干部员工",
            company: "党群工作部",
            datetime: "2025-02-05",
          },
          {
            id: 3,
            title: "胜利石油工程公司部署2025年党风廉政建设和反腐败工作",
            company: "党群工作部",
            datetime: "2025-01-26",
          },
          {
            id: 4,
            title: "我们春节不'打烊'",
            company: "党群工作部",
            datetime: "2025-01-23",
          },
          {
            id: 5,
            title: "公司召开2024年度装备管理HSE设备分委员会会议",
            company: "装备管理中心",
            datetime: "2025-01-23",
          },
          {
            id: 6,
            title: "张宗檀到黄河钻进30526钻进对开展安全活动",
            company: "黄河钻进总公司",
            datetime: "2025-01-23",
          },
          {
            id: 7,
            title: "舒华文到渤海钻井30526钻井开展安全活动",
            company: "渤海钻井总公司",
            datetime: "2025-01-14",
          },
          {
            id: 8,
            title: "公司获评集团公司网络安全和信息化水平评价双A级企业",
            company: "信息中心",
            datetime: "2025-01-13",
          },
          {
            id: 9,
            title: "交出端牢能源饭碗高分答卷",
            company: "党群工作部",
            datetime: "2025-01-12",
          },
          {
            id: 10,
            title: "胜利石油工程公司工会召开第二次会员代表大会",
            company: "党群工作部",
            datetime: "2025-01-10",
          },
        ],
        cols: [
          [
            {
              field: "id",
              title: "序号",
              width: 80,
              // fixed: "left",
            },
            { field: "title", title: "标题", width: 470 },
            { field: "company", title: "发布单位", width: 296 },
            { field: "datetime", title: "日期" },
          ],
        ],
      });
    });

    layui.use("laypage", function () {
      var laypage = layui.laypage;

      //执行一个laypage实例
      laypage.render({
        elem: "page", //注意，这里的 test1 是 ID，不用加 # 号
        count: 50, //数据总数，从服务端得到
      });
    });
  </script>
</html>
